import { useState, useEffect } from 'react';
import MarkdownEditor from '@uiw/react-markdown-editor';
import styles from './index.less';
import { defaultContent } from '../../config';


const Container = () => {


  const [value, setValue] = useState("");

  const handleUpdateMarkdown = (val:any) => {
    console.log(val);
    setValue(val)
    
  };

  return (
    <section>
      <MarkdownEditor
        visible={true}
        className={styles.markdownValue}
        value={defaultContent}
        onChange={handleUpdateMarkdown}
        // toolbars={[
        //     'bold', 'italic', 'header' , 
        //   ]}
      />
    </section>
  );
};
export default Container;
